import { FC } from "react"
import styled from "./styled.module.scss"
interface Props {}
const Detail: FC<Props> = () => {
    return (
        <div className={styled.detail}>
            {/* 返回 */}
            <img src={require("../../static/details/arrow_left.png")} className={styled.callback} alt="" />
            {/* 详情 */}
            <header>
                <img src="" alt="" />
                <section>
                    <h1>
                        孤注一掷<span>2D</span>
                    </h1>
                    <p>犯罪 | 剧情</p>
                    <p> 2023-08-11上映 </p>
                    <p> 中国大陆 | 130分钟 </p>
                    <p>
                        电影取材自上万起真实诈骗案例，境外网络诈骗全产业链骇人内幕将在大银幕上首度被揭秘。程序员潘生（张艺兴
                        饰）、模特安娜（金晨
                        饰）被海外高薪招聘吸引，出国淘金，却意外落入境外诈骗工厂的陷阱。为了离开，两人准备向赌徒阿天（王大陆
                        饰）和其女友小雨（周也
                        饰）下手，从他们身上套现、完成业绩……潘生与安娜能否逃过诈骗集团头目陆经理（王传君
                        饰）和阿才（孙阳 饰）的残暴折磨？面对警察（咏梅
                        饰）的跨国调查和追捕，他们又会何去何从？
                    </p>
                    {/* 下拉 */}
                    <div>
                        <img
                            src={require("../../static/details/arrow_down.png")}
                            alt=""
                        />
                    </div>
                </section>
            </header>
            {/* 演职人员 */}
            <main>
                <h2>演职人员</h2>
                <ul>
                    {new Array(9).fill(1).map((item,index) => {
                        return (
                            <li key={index}>
                                <img src="" alt="" />
                                <p>张艺兴</p>
                                <p>演员</p>
                            </li>
                        )
                    })}
                </ul>
            </main>
            {/* 剧照 */}
            <footer>
                <div className={styled.footertitle}>
                    <h1>剧照</h1>
                    <div>
                        <span>全部(5)</span>
                        <i className="iconfont icon-arrow-right"></i>
                    </div>
                </div>
                <ul>
                    {new Array(7).fill(1).map((item, index) => {
                        return (<li key={index}>
                            <img src="" alt="" />
                        </li>)
                    })}
                </ul>
            </footer>
            <div className={styled.fix}>选座购票</div>
        </div>
    )
}

export default Detail
